//创建用户相关的小仓库
import { defineStore } from 'pinia'
//引入接口
import { reqLogin, reqUserInfo, reqLogout } from '@/api/user/index.ts'
//引入数据类型
import type {
  loginFormData,
  loginResponseData,
  userInfoReponseData
} from '@/api/user/type'
import type { UserState } from './types/type'
//引入本地存储的方法
import { SET_TOKEN, GET_TOKEN, REMOVE_TOKEN } from '@/utils/token'
//引入路由（常量路由）---引入异步/任意路由
import { constantRoute ,asyncRoute,anyRoute} from '@/router/routes'
//引入路由器
import router from '@/router'
//用于过滤当前用户需要展示的异步路由
function filterAsyncRoute(asyncRoute:any,routes:any){
 return asyncRoute.filter((item:any)=>{
    if(routes.includes(item.name)){
      if(item.children&&item.children.length>0){
        item.children = filterAsyncRoute(item.children,routes)
      }
      return true
    }
  })
}
//创建用户小仓库
const useUserStore = defineStore('User', {
  //小仓库存储数据地方
  state: (): UserState => {
    return {
      token: GET_TOKEN(),
      menuRoutes: constantRoute, //仓库存储生成菜单需要数组(路由)
      username: '',
      avatar: '',
      //存储当前用户是否包含某一个按钮
      buttons:[]
    }
  },
  //异步|逻辑的地方
  actions: {
    //用户登录的方法
    async userLogin(data: loginFormData) {
      const res: loginResponseData = await reqLogin(data)

      //登录请求:成功200->token  //登录请求:失败201->登录失败错误的信息
      if (res.code == 200) {
        //pinia仓库存储一下token
        //由于pinia|vuex存储数据其实利用js对象
        this.token = res.data as string
        //本地存储持久化存储一份
        SET_TOKEN(res.data as string)
        //能保证当前async函数返回一个成功的promise
        return 'ok'
      } else {
        return Promise.reject(new Error(res.data))
      }
    },
    //获取用户信息方法
    async userInfo() {
      //获取用户信息进行存储仓库当中[用户头像、名字]
      const res: userInfoReponseData = await reqUserInfo()
      //如果获取用户信息成功，存储一下用户信息
      if (res.code == 200) {
        this.username = res.data.name
        this.avatar = res.data.avatar
        this.buttons = res.data.buttons
        //计算当前用户需要展示的异步路由
       let userAsyncRoute = filterAsyncRoute(asyncRoute,res.data.routes)
         //菜单需要的数据整理完毕
         this.menuRoutes=  [...constantRoute, ...userAsyncRoute, ...anyRoute];
        //目前路由器管理的只有常量路由:用户计算完毕异步路由、任意路由动态追加
        ;[...userAsyncRoute, ...anyRoute].forEach((route: any) => {
          router.addRoute(route)
        })
        return 'ok'
      } else {
        return Promise.reject(new Error(res.message))
      }
    },
    //退出登录
    async userLogout() {
      //目前没有mock接口:退出登录接口(通知服务器本地用户唯一标识失效)
      const res: any = await reqLogout()
      if (res.code == 200) {
        this.token = ''
        this.username = ''
        this.avatar = ''
        REMOVE_TOKEN()
        return 'ok'
      } else {
        return Promise.reject(new Error(res.message))
      }
    }
  },
  getters: {}
})
//对外暴露获取小仓库方法
export default useUserStore
